<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="box"></div>
		<script>
			let oBox = document.getElementById('box')
			oBox.style.width = '100px';
			oBox.style.height = '100px';
			oBox.style.background = 'linear-gradient(45deg,#ff0000,#0000ff)';
			
			oBox.onclick = function(){
				oBox.style.background = 'linear-gradient(90deg,#00ff00,#ffcc33)';
			}
		</script>
	</body>
</html>
